@import "common.less";

.personal-r {
  padding-bottom: 40px;
  .personal-r-t {
    width: 100%;
    height: 86px;
    background: #FFFFFF;
    box-shadow: 0 12px 16px -3px rgba(82, 94, 140, 0.10);
    border-radius: 8px;
    .fun-title-s {
      font-size: 26px;
      color: #4A4A4A;
      line-height: 86px;
      padding-left: 60px;
      display: inline-block;
    }
  }
  .personal-r-b {
    padding: 30px 0 0 60px;
    .layui-table{
      width: 820px;
      overflow: hidden;
      border: none;
      tr>th{
        font-weight: 700;
        background-color: #fff;
        font-size: 16px;
        color: #4A4A4A;
        line-height: 55px;
        padding: 0;
      }
      tbody{
        tr{
          td{
            height: 133px;
            font-size: 14px;
            color: #4A4A4A;
            padding: 0;
            &:first-child{
              padding:15px 0;
              .curse-img{
                border-radius: 8px;
                overflow: hidden;
                display: block;
                width: 142px;
                height: 80px;
                margin-bottom: 10px;
                img{
                  max-width: 142px;
                  width: 100%;
                  height: 100%;
                }
              }
            }
            &:nth-child(2){
              em{
                font-style: normal;
              }
            }
            a{
              text-decoration: none;
            }
          }
          .progress-s{
            .tbox{
              display: inline-block;
              background: #DAE0FD;
              border-radius: 7.5px;
              width: 172px;
              height: 8px;
              overflow: hidden;
              .tiao{
                background: #94A5FA;
                width: 30px;
                height: 8px;
                border-radius: 7.5px;
              }
            }
            .prog-pc{
              padding-left: 16px;
              display: inline-block;
            }
          }
        }
      }
    }
    #laypage-f,#laypage-s,#laypage-t{
      .layui-laypage{
        margin: 30px 0 10px 300px;
        a,span{
          overflow: hidden;
          color: #999999;
          text-align: center;
          padding: 0;
          width: 31px;
          height: 31px;
          background: #F8F9FB;
          border-radius: 8px;
          margin-right: 20px;
        }
      }
    }
  }
}
.collect-fun{
  display:none;
  .full-shade{
    position:fixed;
    top:0;
    left:0;
    z-index:10003;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.3;
    /*兼容IE8及以下版本浏览器*/
    filter: alpha(opacity=30);
    display:block;
  }
  .create-pack{
    display: block;
    border-radius: 8px;
    width: 516px;
    height: 240px;
    position: fixed;
    z-index:10004;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    .content-white-bg();
    .collect-style{
      overflow: hidden;
      display: block;
      position: relative;
      .coll-title{
        font-weight:600;
        text-align: center;
        font-size: 20px;
        color: #4A4A4A;
        letter-spacing: 0;
        line-height: 20px;
        margin:40px 0 30px;
      }
      .layui-icon-close{
        position: absolute;
        right: 20px;
        top: 20px;
        display: block;
        font-size: 30px;
        color: #9B9B9B;
      }
      .create-col-pack{
        width: 436px;
        margin:0 auto;
        .col-pack-name{
          margin-bottom: 30px;
          width: 436px;
          height: 40px;
          border: none;
          background: #F8F9FB;
          border-radius: 8px;
          line-height:40px;
          padding-left:15px;
        }
      }
      .fun-col-box{
        display: flex;
        justify-content: center;
        .layui-btn{
          border: 1px solid #2F5AFF;
          border-radius: 8px;
          width: 114px;
          height: 40px;
          text-align: center;
          line-height: 40px;
          margin: 0;
          font-size: 17px;
          color: #FFFFFF;
          letter-spacing: 0;
        }
        .create-btn{
          background: #2F5AFF;
          color: #ffffff;
          margin-right: 30px;
        }
        .cancel-btn{
          text-decoration: none;
          background-color: #fff;
          color: #2F5AFF;
        }
      }
    }
  }
  .cancel-sure{
    display: block;
    width: 396px;
    height: 240px;
    .coll-title{
      margin:40px 0!important;
    }
    .del-hint{
      font-size: 16px;
      color: #6E6E6E;
      letter-spacing: 0;
      text-align: center;
      line-height: 16px;
      margin-bottom: 44px;
    }
    .fun-col-box{
      a{
        text-decoration: none;
      }
      .sure-del-btn{
        background: #2F5AFF;
        color: #ffffff;
        margin-right: 30px!important;
      }
    }
  }
}